@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
.link{color:red;font-weight: 400;}.link:hover {color:orange;font-weight:400;}
.para
{
    
    color: white;
    font-size: 20px;
    font-weight: 400;
}
.para1
{
    
    color: black;
    font-size: 18px;
    font-weight: 400;
}
.sign
{
  color:#ff9900;
  font-size: 17px;
    font-weight: 600;
}

.cardbg
{
  background: #1A2980;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #26D0CE, #1A2980);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #26D0CE, #1A2980); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 0px 20px 0px 20px;  
}
.cardbg1
{
    background: #2b5876;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4e4376, #2b5876);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4e4376, #2b5876); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 20px 0px 20px 0px;  
}
.cardbg2
{
    background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border-radius: 20px 0px 20px 0px;  
}
.ram {

  animation-name: example;
  animation-duration: 120s;
 }
 
 @keyframes example {
  0%   { text-shadow: 2px 2px 4px #3366ff;}
  10%  {text-shadow: 2px 2px 4px #19a05c;}
  20%  {text-shadow: 2px 2px 4px #e20b9a;}
  30%  {text-shadow: 2px 2px 4px #9808d6;}
  40%  { text-shadow: 2px 2px 4px #090b13;}
  50%  { text-shadow: 2px 2px 4px #090b13;}
  60%  { text-shadow: 2px 2px 4px #090b13;}
  70%  { text-shadow: 2px 2px 4px #090b13;}
  80%  {text-shadow: 2px 2px 4px #003f26;}
  90%  {text-shadow: 2px 2px 4px #dd9700;}
  100% {text-shadow: 2px 2px 4px #03bfd871;}
 
 }

 .imgabord
 {
  border-color: seagreen;
  border: 4px solid rgb(240, 6, 135);
  display: block;
  width: 100%;
  height: auto;
 }

.edmo {   
  position: relative;
  width: 100%;
  }

 .overlay {
  position: absolute; 
  border-radius: 0px 0px 0px 0px;
  bottom: 0; 
  background: rgb(243, 179, 3);
  width: 90%;
  transition: .5s ease;
  opacity:10;
  color: rgb(31, 0, 49);
  font-size: 18px;
  padding: 10px;
  text-align: center;
}
.edmo:hover .overlay {
  border-radius: 0px 25px 0px 0px;
  background: rgb(230, 131, 3);
  color: rgb(31, 0, 49);
}

.carousel-caption
{color:#00ffd2;}

.herewe
 {
  height: 100px;
  width: 284px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #fcfcfd;
  background-color: rgb(253, 253, 253);
  box-shadow: 1px 1px 4px 2px #2a07f1;}